<script setup lang="ts">
import { ref } from 'vue'
import KnowledgeList from './components/KnowledgeList.vue'

const active = ref(1)
</script>

<template>
  <div class="article-page">
    <!-- TAB -->
    <van-tabs shrink sticky v-model:active="active">
      <van-tab title="推荐">
        <knowledge-list type="recommend" />
      </van-tab>
      <van-tab title="饮食">
        <knowledge-list type="food" />
      </van-tab>
    </van-tabs>
  </div>
</template>

<style lang="scss" scoped></style>
